@charset "utf-8";

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {

	margin:0;

	padding:0

}

fieldset, img {

	border:0;

}

/* img { */

	/* vertical-align:middle; */

/* } */

ol, ul, li {

	list-style-type:none;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

button, input, select, textarea {

	font-size:13px;

	font-family:inherit;

	margin:0;

	outline:none;

	resize:none;

	border:none;

}

.clearfix:after {

	clear: both;

	content: ".";

	display:block;

	height: 0;

	overflow: hidden;

	visibility: hidden;

}

.clearfix {

	zoom:1;

}

html {

	verflow:-Scroll;

	overflow-x:hidden;

	zoom:1;

	overflow-y:scroll;

	overflow:-moz-scrollbars-vertical;

}

body {

	color:#585858;

	font-size:12px;

	line-height:24px;

	font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif;

}

a {

	color:#585858;

	text-decoration:none;

	outline:none;

blr:expression(this.onFocus=this.blur());

}

a:hover {

	color:#cd9358;

	text-decoration:none;

}

:focus {

	outline:none;

}

/* CSS活动的公共样式 */



.fl {

	float:left;

}

.fr {

	float:right;

}

.grWidth {

	width:1200px;

	margin:0 auto;

}

.mb10 {

	margin-bottom:10px;

}

.mb15 {

	margin-bottom:15px;

}

.mb25 {

	margin-bottom:25px;

}

.ce {

	text-align:center;

}

.hide {

	overflow:hidden;

}

.erp {

	white-space:nowrap;

	overflow:hidden;

	text-overflow: ellipsis;

}

/* 头部  */



.header {

	height:100px;

	line-height:100px;

	background:#fff;

	position:absolute;

	top:0;

	left:50%;

	margin-left:-600px;

	z-index:99;

}

.header .logo {

	vertical-align:middle;

	padding-left:25px;

	width:240px;
	
margin-top: 20px;
}

.nav {

	height:85px;

	margin-left:15px;

	font-size:16px;
float:right;
}

.nav li {

	float:left;

	padding:0 20px;

}

.nav li a {

	color:#333;

}

.nav li.current a, .nav li:hover a {

	color:#cd9358;

}

.header .phone {

	background: url('../images/picon.png') no-repeat left center;

	padding-left:25px;

	font-size:18px;

	color:#333;

	padding-right:30px;

}

/*  广告轮播图 */



.banner {

	margin: 0 auto;

	position:relative;

	height:600px;

	overflow:hidden;

}

.banner .bd {

	height:600px;

	z-index:0;

	position: relative;

	left:50%;

	margin-left:-960px;

}

.banner_ctr {

	height:90px;

	position:absolute;

	top:45%;

	z-index:2;

	left:50%;

	margin-left:-600px;

}

.banner_ctr a {

	display:block;

	width:40px;

	height:40px;

	background: url('../images/ctrl.png') no-repeat 0 0;

	position:absolute;

	opacity:0;

	filter: alpha(opacity=0);

	display:block;

}

.banner_ctr a.prev {

	left:-90px;

}

.banner_ctr a.next {

	right:-1280px;

	background-position: -40px 0px;

}

.banner_ctr a:hover {

	opacity:1;

	filter:alpha(opacity=100);

}

.banner .hd {

	position:absolute;

	bottom:15px;

	text-align: center;

	z-index:5;

	left: 50%;

	font-size: 0;

	line-height: 0;

	height: 0px;

	margin-left:-50px;

	height:3px;

	overflow:hidden;

}

.banner .hd li {

	background:#fff;

	z-index:2;

	cursor:pointer;

	margin-right:3px;

	display:inline-block;

	width:35px;

	height:3px;

*display:inline;

	zoom:1;

}

.banner .hd li:hover, .banner .hd .on {

	background:#cd9358;

}

/* 产品 */



.product {

	padding:60px 0;

}

.hTitle {

	text-align:center;

	margin-bottom:35px;

	font-size: 17px;

	font-weight: normal;

	line-height: 40px;

}

.proMenu {

	text-align:center;

	margin-bottom:50px;

}

.proMenu a {

	font-size:20px;

	color:#222;

	margin:0 50px;

}

.proMenu a span {

	font-size:16px;

	margin-bottom:15px;

}

.proMenu a i {

	display:inline-block;

	width:22px;

	height:25px;

	background: url('../images/pro_icon.png') no-repeat;

	margin-right:15px;

	position:relative;

	top:4px;

}

 .proMenu a:nth-child(2) i {

background-position: -22px 0;

}

 .proMenu a:nth-child(3) i {

background-position: -44px 0;

}

.proMenu a.on {

	color:#cd9358;

}

.proMenu a.on i {

	background-position: 0 -25px;

}

 .proMenu a.on:nth-child(2) i {

background-position: -22px -25px;

}

 .proMenu a.on:nth-child(3) i {

background-position: -44px -25px;

}

.proMain, .proSlide, .proBox {

	height:360px;

}

.proSlide {

	position:relative;

}

.proBox {

	overflow:hidden;

	width:1200px;

	position:relative;

	left:0;

}

.proBox ul {

	width:1240px;

}

.proSlide li {

	float:left;

	width:285px;

	height:360px;

	margin-right:20px;

	text-align:center;

	transition:all 0.3s;

}

.proSlide li .pImg {

	display:block;

	width:285px;

	height:220px;

	overflow:hidden;

}

.proSlide li img {

	width:285px;

	height:220px;

	transition:all 0.5s

}

.proSlide li p {

	margin:20px 0;

	font-size:14px;

	white-space:nowrap;

	overflow:hidden;

	text-overflow: ellipsis;

	padding:0 10px;

}

.proSlide li .more {

	width:100px;

	border:1px solid #cd9358;

	height:30px;

	line-height:30px;

	text-align:center;

	font-size:14px;

	display:inline-block;

	color:#cd9358;

	transition:all 0.3s;

}

.proSlide li .more:hover {

	background:#cd9358;

	color:#fff;

}

.proSlide li:hover img {

	transform:scale(1.1, 1.1);

}

.proSlide li:hover {

	background:#efefef;

}

.proSlide .pageBtn span {

	background:url('../images/probtn.png') no-repeat 0 0;

	width:22px;

	height:26px;

	position:absolute;

	cursor:pointer;

	overflow:hidden;

	text-indent:-9999px;

	left:-65px;

	top:100px;

}

.proSlide .pageBtn .next {

	background-position:-22px 0;

	left:auto;

	right:-65px;

}

.proSlide .pageBtn span:hover {

	background-position: -44px 0;

}

.proSlide .pageBtn .next:hover {

	background-position: -66px 0;

}

/* 新闻 */



.case {

	background:#efefef url('../images/case_bg.jpg') repeat-x left top;

	padding:65px 0;

	border-top:1px solid #ccc;

	overflow:hidden;

}

.caseLeft {

	width:555px;

	height:575px;

	overflow:hidden;

	background:#181818;

height:;

	position:relative;

}

.caseBox {

	height:575px;

	overflow:hidden;

}

.caseBox .pImg {

	display:block;

	width:555px;

	height:450px;

	overflow:hidden;

}

.caseBox img {

	width:555px;

	height:450px;

	transition:all 1s;

}

.caseBox p {

	height:125px;

	line-height:125px;

	color:#fff;

	font-size:16px;

	padding:0 210px 0 30px

}

.caseLeft .hd {

	position:absolute;

	right:30px;

	bottom:40px;

}

.caseLeft .hd a {

	background:url(../images/case_btn.png) no-repeat 0 0;

	display:inline-block;

	width:22px;

	height:26px;

	cursor:pointer;

	overflow:hidden;

	text-indent:-9999px;

}

.caseLeft .hd .next {

	background-position:-22px 0;

	margin-left:65px;

}

.caseLeft .hd a:hover {

	opacity:.8;

}

.caseLeft .hd .pageState {

	position:absolute;

	top:-6px;

	font-size:20px;

	padding-bottom:10px;

	margin-left:10px;

	color:#fff;

}

.caseLeft .hd .pageState span {

	font-size:35px;

	font-style: italic;

	margin-right:5px;

}

.caseLeft:hover img, .newsMain li:hover img {

	transform:scale(1.1, 1.1);

}

.caseMain {

	width:644px;

	overflow:hidden;

	margin-top:55px;

}

.caseMain li {

	float:left;

	width:322px;

	height:260px;

	overflow:hidden;

	background:#000;

	position:relative;

}

.caseMain li img {

	width:322px;

	height:260px;

	transition:all 0.5s;

}

.caseMain li span {

	position:absolute;

	top:50%;

	left:0;

	color:#fff;

	font-size:13px;

	background: url('../images/picon2.png') no-repeat center top;

	opacity:0;

	transition:all 0.3s;

	width:100%;

	text-align:center;

}

.caseMain li:hover img {

	opacity:.3;

	transform:scale(1.1, 1.1);

}

.caseMain li:hover span {

	opacity:1;

	padding-top:45px;

	margin-top:-30px;

}

/* 关于我们 */



.about {

	background:url('../images/about_bg.jpg') no-repeat center top;

	color:#fff;

	font-size:14px;

}

.aboutMain {

	position:relative;

	padding-top:60px;

	height:340px;

	text-align:center;

}

.aboutMain .icon {

	position:absolute;

	width:108px;

	height:77px;

	background: url('../images/about_icon.png') no-repeat;

	right:0;

	top:-27px;

}

.aboutMain .tie {

	margin-bottom:40px;

}

.aboutMain .font {

	padding:0 100px;

	height:150px;

	overflow:hidden;

	line-height:28px;

}

.about .more {

	display:inline-block;

	width:120px;

	height:33px;

	line-height:33px;

	color:#fff;

	border:1px solid #fff;

	text-align:center;

	transition:all 0.3s;

}

.about .more:hover {

	background:#fff;

	color:#cd9358;

}

/* 新闻 */



.news {

	padding:60px 0;

	overflow:hidden;

}

.newsMain {

	width:1200px;

	overflow:hidden;

}

.newsMain ul {

	width:1240px;

}

.newsMain li {

	float:left;

	width:285px;

	margin-right:20px;

}

.newsMain li .nImg {

	display:block;

	width:285px;

	height:205px;

	overflow:hidden;

	margin-bottom:20px;

}

.newsMain li img {

	width:285px;

	height:205px;

	transition:all 0.5s;

}

.newsMain li .date {

	font-family:Arial;

	color:#999;

	display:block;

	margin-bottom:20px;

}

.newsMain li .date strong {

	font-weight:normal;

	color:#333;

	font-size:40px;

	line-height:40px;

	display:block;

}

.newsMain h4 {

	font-size:14px;

	font-weight:normal;

	height:40px;

	white-space:nowrap;

	overflow:hidden;

	text-overflow: ellipsis;

}

.newsMain h4 a {

	color:#333;

}

.newsMain h4 a:hover {

	color:#cd9358;

}

.newsMain li p {

	height:85px;

	overflow:hidden;

}

.newsMain li .more {

	color:#999;

}

.newsMain li .more:hover {

	color:#cd9358;

}

/* 底部 */



.footer {

	background:#181818;

	color:#999;

}

.footMain {

	padding:45px 0;

	overflow:hidden;

}

.footMain a {

	color:#999;

}

.footLeft {

	width:185px;

	border-right:1px dotted #3e3e3e;

	padding-right:35px;

}

.footLeft .icon {

	margin-top:10px;

	text-align:right;

	height:30px;

	padding-right:30px;

}

.footLeft .icon a {

	display:inline-block;

	width:23px;

	height:23px;

	font-size:0;

	line-height:0;

	margin-left:10px;

	background: url('../images/footiocn.png') no-repeat;

	opacity:.8;

	transition:all 0.3s;

}

.footLeft .icon .qq {

	background-position: -46px 0;

}

.footLeft .icon .wx {

	position:relative;

	background-position: -23px 0;

	z-index:8;

}

.footLeft .icon .wx span {

	position:absolute;

	bottom:30px;

	left:-50px;

	background:#fff;

	padding:5px;

	display:none;

	z-index:5;

}

 .footLeft .icon .wx span::before {

position: absolute;

content: "";

top:-12px;

left:50px;

border:6px solid transparent;

border-top-color:#fff;

}

.footLeft .icon .wx img {

	width:100px;

	height:100px;

}

.footLeft .icon a:hover {

	opacity:1;

}

.footContact {

	width:760px;

	padding-left:40px;

}

.footMenu {

	font-size:14px;

	margin-bottom:15px;

}

.footMenu a {

	color:#fff;

}

.footMenu a:hover {

	text-decoration: underline;

}

.footMenu em {

	font-style:normal;

	margin:0 12px;

	color:#666;

}

.footRight {

	background: url('../images/f_phone.png') no-repeat right top;

	padding-top:40px;

	text-align:right;

}

.footRight span {

	color:#fff;

	font-size:28px;

	font-family:Arial;

	display:block;

}

.firendLink {

	height:50px;

	line-height:50px;

	background:#131313;

}

.firendLink span {

	color:#999;

}

.firendLink a {

	color:#666;

	margin:0 10px;

}

.footer a:hover {

	color:#fff;

}

/* 内页公用 */



.listBanner, .mzsmBanner {

	width:1920px;

	position: relative;

	left:50%;

	margin-left:-960px;

	height:360px;

}

.listWrapper {

	overflow:hidden;

	padding:60px 0;

}

.pWrapper {

	padding-bottom:60px;

	background:#f0f0f0;

	overflow:hidden;

}

.breadCrumb {

	height:50px;

	line-height:50px;

	border-bottom:1px solid #e1e1e1;

}

.breadCrumb p {

	background: url('../images/home_icon.png') no-repeat left center;

	padding-left:20px;

	width:1180px;

}

.breadCrumb .back {

	float:right;

	width:80px;

	height:28px;

	line-height:28px;

	text-align:center;

	border-radius:5px;

	background:#999;

	color:#fff;

	margin-top:10px;

}

.breadCrumb .back:hover {

	background:#007dd0;

	transition:all 0.3s;

}

/* 内页公用菜单 */



.listMenu {

	height:80px;

	font-size:14px;

	border-bottom:1px solid #cdd8e8;

	padding-top:50px;

	text-align:center;

}

.listMenu .grWidth {

	position:relative;

}

.listMenu a {

	padding:0 30px;

	transition:all 0.3s;

	position:relative;

	margin-right:10px;

	border-radius:5px;

	height:35px;

	line-height:35px;

	border:1px solid transparent;

	box-shadow:0 0 1px #fff inset;

	display:inline-block;

}

.listMenu a.current, .listMenu a:hover {

	background:#268be4;

	color:#fff;

	background: linear-gradient(#a66b2e, #cd9358);

	border:1px solid #a66b2e;

}

.listMenu a:before {

	position:absolute;

	content:"";

	left:50%;

	top:40px;

	height:0;

	width:1px;

	transition:all 0.3s;

	background:#cdd8e8;

	transition:all 0.3s;

}

.listMenu a:after {

	position:absolute;

	content:"";

	left:50%;

	width:5px;

	height:5px;

	background:#cdd8e8;

	border-radius:50%;

	top:77px;

	margin-left:-2px;

	transition-delay:0.3s;

	opacity:0;

}

.listMenu .current:before, .listMenu a:hover:before {

	height:32px;

}

.listMenu .current:after, .listMenu a:hover:after {

	opacity:1;

}

.menuSub {

	text-align:center;

	margin-top:40px;

}

.menuSub a {

	border:1px solid #ddd;

	background:#fff;

	display:inline-block;

	transition:all 0.3s;

	margin-right:10px;

	height:35px;

	line-height:35px;

	box-shadow:0 0 1px #fff inset;

	padding:0 15px;

}

.menuSub a.current, .menuSub a:hover {

	border:1px solid #cd9358;

	background:#cd9358;

	color:#fff;

}

/*  产品列表 */



.proList li {

	width:285px;

	background:#f0f0f0;

	text-align:center;

	padding-bottom:25px;

	transition:all 0.3s;

	float:left;

	margin:0 20px 20px 0;

}

.proList li .pImg {

	width:285px;

	height:220px;

	overflow:hidden;

	background:#000;

	margin-bottom:30px;

	position:relative;

}

.proList li img {

	width:285px;

	height:220px;

	transition:all 0.5s;

}

.proList li .pImg span {

	position:absolute;

	top:50%;

	left:50%;

	color:#fff;

	font-size:13px;

	background: url('../images/picon2.png') no-repeat center top;

	margin-left:-30px;

	opacity:0;

	transition:all 0.3s;

}

.proList li h5 {

	font-weight:normal;

	font-size:16px;

	height:35px;

	white-space:nowrap;

	overflow:hidden;

	text-overflow: ellipsis;

	position:relative;

}

.proList li h5:before {

	content:"";

	position:absolute;

	width:70px;

	height:1px;

	bottom:0;

	left:50%;

	margin-left:-35px;

	background:#c1c1c1;

}

.proList li:hover {

	background:#dfb475;

}

.proList li:hover h5 {

	color:#fff;

}

.proList li:hover h5:before {

	background:#fff;

}

.proList li:hover img {

	opacity:.5;

	transform:scale(1.1, 1.1);

}

.proList li:hover span {

	opacity:1;

	padding-top: 45px;

	margin-top:-30px;

}

/* 产品详情 */



.proShow_left {

	width:560px;

}

.tb-pic a {

	display: table-cell;

	text-align: center;

	vertical-align: middle;

*display: block;

*font-family: Arial;

*line-height: 1;

*font-size: 271px;

}

.tb-pic img {

	vertical-align: middle;

}

.tb-pic, .tb-pic a {

	width:570px;

	height:445px;

}

.tb-pic, .tb-pic img {

	max-height:570px;

	max-width: 570px;

}

.tb-pic {

	border: 1px solid #e5e5e5;

	position: relative;

	z-index: 1;

}

.zoomDiv {

	z-index: 999;

	position: absolute;

	top: 0;

	left: 0;

	width: 200px;

	height: 200px;

	background: #fff;

	border: 1px solid #ccc;

	display: none;

	text-align: center;

	overflow: hidden;

}

.zoomMask {

	position: absolute;

	background: url(../images/mask.png);

	cursor: move;

	z-index:999;

}

.tb-picList {

	height: 82px;

	overflow: hidden;

	margin-top: 20px;

	position: relative;

}

.tb-picList .prev, .tb-picList .next {

	position:absolute;

	top:0px;

	display:inline-block;

	width:20px;

	height:82px;

	background-image:url(../images/propn.png);

	background-repeat:no-repeat;

	background-position:left top;

	-ms-transition-duration: 0s;

	transition-duration: 0s;

	z-index:99;

	cursor:pointer;

}

.tb-picList .prev {

	left:0;

	background-position:left top;

}

.tb-picList .next {

	right:0;

	background-position:right top;

}

.tb-picList .prev:hover {

	background-position:left bottom;

}

.tb-picList .next:hover {

	background-position:right bottom;

}

.tb-picList .tb-thumb {

	position: relative;

	width:496px;

	height: 82px;

	margin: 0 auto;

	overflow: hidden;

}

.tb-picList .tb-thumb ul {

	position: absolute;

	width: 999999px;

	display: table;

}

.tb-picList .tb-thumb li {

	float: left;

	width: 102px;

	overflow: hidden;

	position: relative;

}

.tb-picList .tb-thumb a {

	display: table-cell;

	width: 80px;

	border: 1px solid #dadada;

	text-align: center;

	background: #fff;

	height: 80px;

	vertical-align: middle;

}

.tb-picList .tb-thumb img {

	max-width: 100%;

	cursor: pointer;

}

.tb-picList .tb-thumb em {

	position: absolute;

	width: 80px;

	height: 80px;

	border:1px solid #cd9358;

	top: 0;

	left: 0;

	display: none;

}

.tb-picList .tb-thumb .selected em {

	display: block;

}

/* 产品详情右侧简介样式 */



.proshow_synopsis {/* background:#f2f2f2; border: 1px solid #d5d5d5;padding: 19px; */

	width:560px;

	color: #666;

	font-size: 13px;

	line-height:30px;

	height:430px;

	border-radius:3px;

}

.proshow_synopsis .title {

	font-size:24px;

	color:#cd9358;

	border-bottom:1px solid #dbdbdb;

	margin-bottom:15px;

	padding-bottom:0px;

	font-weight:normal;

	padding-bottom: 10px

}

.proshow_synopsis strong {

	color: #333;

	font-weight: normal;

}

.proshow_synopsis .font {

	line-height:24px;

	overflow: hidden;

	margin-bottom:25px;

}

.prodcut-tel {

	padding-left:50px;

	margin-bottom:20px;

	line-height:26px;

	background:url('../images/p_icon.png') no-repeat left center;

}

.prodcut-tel span {

	font-family:arial;

	font-size:24px;

	color:#cd9358;

	display: block;

}

.proshow_synopsis .btn a {

	display: inline-block;

	width: 170px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background:#4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px;

	color: #fff;

	transition: all 0.3s;

	font-size:16px;

}

.proshow_synopsis .btn .a02 {

	background:#cd9358 url(../images/proshow_icon2.png) no-repeat 20px 13px;

	margin-left:25px;

}

.proshow_synopsis .btn a:hover {

	opacity: 0.8;

	filter:alpha(opacity=50);

	transition: all 0.3s;

}

/* 产品说明标签切换样式 */



.gr-tab-list {

	overflow:hidden;


}

.gr-tab-list .hd {

	height:40px;

	line-height:40px;

	border-bottom:1px solid #ddd;

	font-size:16px;

}

.gr-tab-list .hd li {

	width:150px;

	float:left;

	text-align:center;

	background:#eee;

	margin-right:5px;

	cursor:pointer;

	position:relative;

}

.gr-tab-list .hd li.on {

	background:#cd9358;

	color:#fff;

}

.gr-tab-list .bd {

	overflow:hidden;

	padding-top:15px;

}

 .gr-tab-list .hd li.on::before {

position: absolute;

content: "";

bottom:-12px;

left:70px;

border:6px solid transparent;

border-top-color:#cd9358;

}

/* 相关产品样式 */



.relatedPro {

	margin-bottom:30px;

}

.relatedPro .tie {

	height:40px;

	line-height:40px;

	background:#eee;

	color:#cd9358;

	font-size:16px;

	font-weight:normal;

	margin:20px 0;

}

.relatedPro .tie span {

	padding:0 30px;

	background:#cd9358;

	display:inline-block;

	color:#fff;

}

/* 采购表单样式 */



.orderBox {

	padding:25px;

	width:1140px;

	background:#f1f1f1;

	overflow:hidden;

	margin:0 auto;

}

.orderBox h3 {

	font-size:15px;

	line-height:18px;

	font-weight:normal;

	font-family:"微软雅黑";

}

.orderBox .table {

	padding-top:20px;

	overflow:hidden;

}

.orderBox .table li {

	width:520px;

	height:215px;

	float:left;

	height:35px;

	margin-bottom:10px;

}

.orderBox .table li span {

	float:left;

	border:1px solid #ddd;

	line-height:33px;

	height:33px;

	width:98px;

	display:inline-block;

	text-align:center;

	background:#fff;

}

.orderBox .table li .iptTxt {

	float:right;

	width:409px;

	border:1px solid #ddd;

	border-left-width:0;

	height:33px;

	line-height:33px;

	background:#fff;

	color:#666;

	padding-left:10px;

}

.orderBox .table li .iptCode {

	float:left;

	width:199px;

	border:1px solid #ddd;

	border-left-width:0;

	height:33px;

	line-height:33px;

	background:#fff;

	color:#666;

	padding-left:10px;

}

.orderBox .table li .checkcode {

	float:left;

	border:1px solid #ddd;

	border-left-width:0;

	background:#eee;

	margin-left:2px;

	padding:6px;

}

.orderBox .table li .btn {

	width:410px;

	height:35px;

	line-height:35px;

	background:#333;

	cursor:pointer;

	font-size:14px;

	color:#fff;

	text-align:center;

	border:none;

}

.orderBox .table li .btn:hover {

	background:#cd9358;

	color:#fff;

}

.orderBox .table li.areLi {

	width:570px;

	float:right;

	height:215px;

	overflow:hidden;

}

.orderBox .table li.areLi .txtContent {

	width:528px;

	height:183px;

	border:1px solid #ddd;

	outline:none;

	resize:none;

	padding:15px;

	color:#666;

	line-height:18px;

	background:#fff;

}

/*  案例 */



.caseList li {

	float:left;

	padding:10px;

	background:#f1f1f1;

	width:260px;

	line-height:22px;

	margin:0 26px 26px 0;

}

.caseList li .pImg {

	width:260px;

	height:210px;

	display:block;

	overflow:hidden;

}

.caseList li img {

	width:260px;

	height:210px;

	transition:all 0.5s;

}

.caseList li p {

	border-top:1px dotted #b2b2b2;

	padding-top:10px;

	white-space:nowrap;

	overflow:hidden;

	text-overflow: ellipsis;

	margin-top:5px;

	text-align:center;

}

.caseList li:hover img {

	transform:scale(1.1, 1.1);

}

.caseList li:hover {

	box-shadow:0 0 6px #999;

}

/* 案例详情 */



.listLeft {

	width:860px;

	overflow:hidden;

}

.proShow_tie {

	font-size:24px;

	color:#c49a59;

	text-align:center;

	font-weight:normal;

	margin-bottom:30px;

}

.zoombox {

	width:860px;

	margin-bottom:35px;

	text-align:center;

}

.zoompic {

	width:860px;

	height:460px;

	background:url('../images/loading.gif') no-repeat 50% 50%;

	margin: 0 auto;

	overflow:hidden;

	text-align:center;

}

/* .zoompic img{margin-top:-150px;} */



.sliderbox {

	height:80px;

	overflow:hidden;

	margin-top:20px;

}

.sliderbox .arrow-btn {

	width:20px;

	height:70px;

	background:url('../images/arrow_btn.png') no-repeat;

	cursor:pointer;

	margin-top:6px;

}

.sliderbox #btn-left {

	float:left;

	background-position:0 0;

}

.sliderbox #btn-left.dasabled {

	background-position:-40px 0;

}

.sliderbox #btn-right {

	float:right;

	background-position:-20px 0;

}

.sliderbox #btn-right.dasabled {

	background-position:-60px 0;

}

.sliderbox .slider {

	float:left;

	height:80px;

	width:800px;

	position:relative;

	margin-left:10px;

	overflow:hidden;

}

.sliderbox .slider ul {

	position:absolute;

	left:0;

	width:840px;

}

.sliderbox .slider li {

	float:left;

	width:140px;

	height:80px;

	text-align:center;

}

.sliderbox .slider li img {

	border:3px solid #ddd;

	width:114px;

	height:74px;

}

.sliderbox .slider li.current img {

	border:3px solid #dfb475;

}

.proShow_font {

	overflow:hidden;

	margin:35px 0 30px 0;

	font-size:14px;

}

.proShow_font .p1 span {

	width:285px;

	display:inline-block;

	font-size:16px;

}

.proShow_font .color {

	color:#c49a59;

	font-size:16px;

	font-weight:normal;

}

.proRelated {

	overflow:hidden;

}

.proRelated .tie {

	font-size:24px;

	color:#c49a59;

	border-bottom:1px solid #c49a59;

	height:40px;

	border-bottom:1px solid #c49a59;

	font-weight:normal;

}

.proRelated ul {

	width:900px;

	margin-top:20px;

}

.proRelated li {

	float:left;

	width:270px;

	margin-bottom:20px;

	margin-right:22px;

	border:1px solid #ddd;

	background:#eee;

	text-align:center;

}

.proRelated li a {

	display:block;

	width:270px;

}

.proRelated li img {

	width:260px;

	height:210px;

	padding:5px;

	background:#fff;

}

.proRelated li span {

	height:35px;

	line-height:35px;

	padding:0 5px;

	white-space:nowrap;

	overflow:hidden;

	text-overflow: ellipsis;

	display:block;

}

.proRelated li:hover {

	border:1px solid #c49a59;

}

.proRelated li a:hover {

	background:#c49a59;

	color:#fff;

}

/* 风采展示 */



.partnerList, .honorList, .settingList, .newsList, .appList, .newsList, .newsList, .downList, .proList {

	width:1200px;

	overflow: hidden;

}

.productList ul, .caseList ul, .partnerList ul, .honorList ul, .settingList ul, .downList ul, .clientList ul, .proList ul {

	width:1240px;

}

.settingList ul li {

	width:280px;

	float:left;

	margin-right:26px;

	margin-bottom:25px;

	text-align:center;

}

.settingList ul li img {

	display:block;

	width:270px;

	height:220px;

	padding:4px;

	border:1px solid #e3e3e3;

	background:#fff;

}

.settingList ul li img:hover {

	border:1px solid #cd9358;

	background:#cd9358;

}

.settingList ul li span {

	height:30px;

	line-height:30px;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	display:block;

}

/* 荣誉证书 */



.honorList li {

	width:280px;

	float:left;

	margin-right:26px;

	margin-bottom:25px;

	text-align:center;

}

.honorList li img {

	display:block;

	width:270px;

	height:195px;

	padding:4px;

	border:1px solid #e3e3e3;

	background:#fff;

}

.honorList li img:hover {

	border:1px solid #cd9358;

background:;

}

.honorList li span {

	height:30px;

	line-height:30px;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	display:block;

}

.honorList2 li img {

height:;

}

/* 合作伙伴 */



.partnerList li {

	float:left;

	width:220px;

	margin-right:25px;

	margin-bottom:25px;

}

.partnerList li img {

	width:210px;

	height:100px;

	background:#e5e5e5;

	padding: 4px;

	border: 1px solid #d4d4d4;

	box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;

}

.partnerList li span {

	height: 35px;

	line-height: 35px;

	display: block;

	text-align:center;

	white-space:nowrap;

	overflow:hidden;

	text-overflow: ellipsis;

}

/* 新闻列表 */



.newsList li {

	height:230px;

	margin-bottom:30px;

	background:#ebebeb;

	overflow:hidden;

}

.newsList li .nImg {

	width:320px;

	height:230px;

	overflow:hidden;

	margin-right:100px;

	float:left;

}

.newsList li img {

	width:320px;

	height:230px;

	transition:all 0.5s;

}

.newsList li .date {

	width:290px;

	overflow:hidden;

	padding-top:50px;

	float:left;

}

.newsList li .date span {

	font-size:14px;

	font-family:Arial;

	height:30px;

	display:block;

}

.newsList li .date h4 {

	font-size:14px;

	font-weight:normal;

	margin-bottom:15px;

	line-height:22px

}

.newsList li .date .more {

	width:130px;

	height:18px;

	font-size:12px;

	line-height:18px;

	font-family:Arial;

	color:#fff;

	background:#cd9358;

	transition:all 0.3s;

	display:inline-block;

	text-align:center;

}

.newsList li .date .more:hover {

	background:#a66b2e;

}

.newsList li p {

	width:370px;

	float:right;

	padding:50px 40px 0 0;

	font-size:13px;

	color:#888;

}

.newsList li:hover img {

	transform:scale(1.1, 1.1);

}

/* 新闻详细样式 */



.articleShow {

	width:860px;

	overflow:hidden;

}

.pictureShow {

	width:890px;

}

.articleBox1 .title {

	text-align:center;

	font-size:20px;

	color:#000;

	margin-bottom:10px;

	font-weight:normal;

}

.articleBox1 .p1 {

	margin-bottom:15px;

	padding-bottom: 10px;

	text-align:center;

	color:#333;

}

.detailLeft .p1, .picShow .p1 {

	border-bottom:1px dotted #adadad;

	;

}

.articleBox1 .p1 span {

	margin-right:15px;

}

.review {

	background:#f7f7f7 url(../images/nshow_icon.png) no-repeat left top;

	padding:15px 15px 10px 15px;

	border:1px dotted #adadad;

	border-right:none;

	border-left:none;

	text-indent:2em;

	font-size:14px;

	color:#333;
margin-bottom: 50px;
}

.fontResizer a {

	padding:0 5px;

}

.article_key {

	background:#f7f7f7 url(../images/nshow_icon2.png) no-repeat 15px 7px;

	color:#adadad;

	margin-bottom:20px;

	padding-left:35px;

	line-height:28px;

}

.fontsizebox {

	padding-bottom: 40px;

	border-bottom:1px dotted #adadad;

	font-size:13px;

	color:#424242;
	line-height:40px;

}

.fontSize a.active {

	color:#cd9358;

}

.detailShare {

	overflow:hidden;

	padding:25px 0;

	border-bottom:1px dotted #adadad;

}

.detailShare span {

	border-left:1px dotted #adadad;

	padding:0 15px;

}

.detailShare span.date {

	margin-left:15px;

}

.detail_fenx {

	font-size:14px;

	padding-top:10px;

	overflow:hidden;

	margin-bottom:20px;

	border-bottom:1px dotted #adadad;

	padding-bottom: 10px

}

.detail_fenx div {

	

	white-space:nowrap;

	overflow:hidden;

	text-overflow: ellipsis;
	    margin-top: 5px;
    margin-bottom: 5px;

}

.relatedNews_font {

	width:860px;

	overflow:hidden;

	font-size:13px;

	margin-top:15px;

}

.relatedNews_font ul {

	width:890px;

}

.relatedNews_font ul li {

	float:left;

	padding-right:50px;

	width:380px;

	height:40px;

	line-height:40px;

	border-bottom:1px dotted #ddd;

}

.relatedNews_font ul li a {

	display:block;

	width:260px;

	line-height:40px;

	background:url(../images/ly_li.png) no-repeat left center;

	padding-left:10px;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	float:left;

}

.relatedNews_font ul li span {

	float:right;

	color:#999;

}

.listRight {

	width:280px;

	overflow:hidden;

}

.rightRelated {

	border:1px solid #ddd;

	margin-bottom:20px;

}

.rTitle {

	height:39px;

	line-height:39px;

	background:url(../images/r_title.jpg) repeat-x;

	font-size:16px;

	color:#000;

	font-weight:normal;

	padding-left:10px;

}

.rightRelated .main {

	padding:10px;

}

.rightRelated .main img {

	width:254px;

	padding:2px;

	border:1px solid #ececec;

	margin-bottom:10px;

}

.rightRelated .main li {

	height:34px;

	line-height:34px;

	border-bottom:1px dotted #a7a7a7;

	white-space:nowrap;

	overflow:hidden;

	text-overflow: ellipsis;

}

.rightRelated .main li a {

	background:url(../images/ly_li.png) no-repeat 5px center;

	padding-left:15px;

}

.rightRelated .main li:last-child {

	border-bottom:none;

}

.relatedTitle {

	height:30px;

	border-bottom:1px dotted #adadad;

	font-size:18px;

	color:#000;

	margin-bottom:20px;

	font-weight:normal;

}

.recommend_slide {

	height:480px;

	overflow:hidden;

	padding:9px;

	background:#fff;

	border-top:none;

}

.recommend_slide li {

	width:260px;

	overflow:hidden;

	margin-bottom:10px;

}

.recommend_slide li img {

	width:254px;

	height:194px;

	border:1px solid #ddd;

	padding:2px;

}

.recommend_slide li span {

	height:30px;

	line-height:30px;

	position:relative;

	text-align:center;

	display: block;

	white-space:nowrap;

	overflow:hidden;

	text-overflow: ellipsis;

}

.recommend_slide li:hover img {

	border: 1px solid #cd9358;

}

/* 人才招聘  */



.gr-jobs-list dd {

	padding:0 15px;

	height:50px;

	line-height:50px;

	border:1px solid #ddd;

	background:#f1f1f1;

	margin-top:10px;

	cursor: pointer;

	font-size:14px;

}

.gr-jobs-list dd em {

	float:right;

	display:block;

	width:15px;

	height:15px;

	background:url(../images/iconf.png) no-repeat;

	cursor:pointer;

	margin-top:20px;

}

.gr-jobs-list dd.on em {

	background:url(../images/icong.png) no-repeat;

}

.gr-jobs-list dd span {

	display:block;

	float:left;

	width:285px;

}

.gr-jobs-list dt {

	border:1px solid #ccc;

	border-top:none;

	padding:15px;

	margin-bottom:10px;

	background:#fff;

}

.gr-jobs-list dt strong {

	font-size:14px;

}

.gr-apply {

	display:block;

	width:140px;

	text-align:center;

	height:40px;

	line-height:40px;

	background:#555;

	border-radius:3px;

	color:#fff;

	margin:30px auto 0 auto;

	transition:all 0.3s;

}

.gr-apply:hover {

	background:#cd9358;

	color:#fff;

}

.jobsShow {

	border:1px solid #ddd;

	background:#fff;

}

.jobsShow h3 {

	font-size:14px;

	font-weight:bold;

	background:#ddd;

	line-height:35px;

	padding-left:15px;

	font-weight:normal;

}

.jobsShow table {

	margin:10px 20px 20px;

	background:#fff;

}

.jobsShow .mr {

	padding-right:20px;

}

.jobsShow .jobsInput {

	width:460px;

	border:1px solid #ddd;

	line-height:25px;

	height:25px;

	padding:0 5px;

	margin-bottom:10px;

}

.jobsShow .input_radio {

	margin-right:5px;

	vertical-align: middle;

}

.jobsShow .jobsInput:focus, .jobsShow .jobsTextarea:focus {

	border:1px solid #b39058;

}

.jobsShow .jobsTextarea {

	width:1100px;

	padding:5px;

	border:1px solid #ddd;

	line-height:22px;

	height:125px;

	margin-top:3px;

	display:block;

}

.jobsShow .jobsSubmit {

	background:#999;

	width:85px;

	height:30px;

	line-height:30px;

	cursor:pointer;

	border:none;

	color:#fff;

	margin-right:10px;

	margin-top:20px;

	border-radius:4px;

}

.jobsShow .jobsSubmit:hover {

	background:#666;

	color:#fff;

}

.jobsShow .jobsSubmitb {

	background:#333;

	width:100px;

	height:30px;

	line-height:30px;

	cursor:pointer;

	border:none;

	color:#fff;

	margin-top:20px;

	border-radius:4px;

}

.jobsShow .jobsSubmitb:hover {

	background:#cd9358;

	color:#fff;

}

/* 内页留言样式 */



.page-contact-title {

	font-size:26px;

	line-height:50px;

	color:#333;

	text-align:center;

	padding:10px 0 20px;

	width:1100px;

	margin:0 auto;

}

.page-contact {

}

.page-contact dl {

	width:20%;

	height:210px;

	float:left;

	text-align:center;

	position:relative;

}

.page-contact dl:before {

	content:"";

	overflow:hidden;

	position:absolute;

	background-color:#eee;

	left:0px;

	top:0;

	height:100%;

	width:1px;

}

 .page-contact dl:nth-child(1):before {

width:0;

}

.page-contact dl dt {

	position:relative;

	padding-top:120px;

	font-size:12px;

	line-height:20px;

	color:#888;

}

.page-contact dl dt span {

	width:90px;

	height:90px;

	position:absolute;

	left:50%;

	top:20px;

	margin-left:-45px;

}

.page-contact dl dd {

	font-size:14px;

	line-height:24px;

	padding:10px 20px 0;

}

.map {

	margin-top:60px;

	overflow:hidden;

	width: 780px;

	float: left;

}

.map-left {

	width:780px;

	height:560px;

}

.map-line {

	width:360px;

	height:460px;

	background-color:#333;

	padding-top:10px;

	color:#fff;

	padding:30px;

	margin-top: 60px;

}

.map-line dl {

	background-repeat:no-repeat;

	background-position:left 8px;

	padding-left:55px;

}

.map-line dl dt {

	font-size:18px;

	line-height:30px;

	color:#eee;

}

.map-line dl dd {

	font-size:14px;

	line-height:24px;

	color:#bbb;

	padding:5px 0 25px;

	border-bottom:1px dotted #888;

}

 .map-line dl:nth-last-child(1) dd {

border:none;

}

.map-line dl.map-line-a {

 
}

.map-line dl.map-line-b {

 

}

.map-line dl.map-line-c {

 

	background-position:left 3px;

}

#dituContent {

	width:780px;

	height:520px;

}

.feedback {

	margin-top:50px;

	overflow:hidden;

}

.feedback .title {

	text-align:center;

	font-size:24px;

	font-weight:normal;

	margin-bottom:25px;

	color:#333;

}

.feedback .title span {

	background:#fff;

	padding:0 30px;

	position:relative;

	top:-15px;

}

 .feedback .title::before {

content:"";

border-bottom:1px solid #e1e1e1;

height:12px;

vertical-align:top;

width:100%;

display:block;

}

#feedback_form label {

	display:block;

	float:left;

	height:32px;

	line-height:32px;

	margin-bottom:30px;

	padding-left:40px;

	background:url(../images/contact.png) no-repeat;

	font-size:14px;

}

#feedback_form label.name {

	background-position:0 -32px;

}

#feedback_form label.email {

	background-position:0 -64px;

}

#feedback_form label.city {

	background-position:0 -96px;

}

#feedback_form label.msg_title {

	background-position:0 -128px;

}

#feedback_form label.address {

	background-position:0 -160px;

}

#feedback_form label.message {

	background-position:0 -192px;

	margin-bottom:10px;

}

#feedback_form input {

	width:240px;

	height:30px;

	line-height:30px;

	float:left;

	margin:0 37px 30px 0;

	padding:0 10px;

	border:1px solid #dbdbdb;

}

#feedback_form input.last {

	margin-right:0;

}

#feedback_form .msg {

	border-top:1px dotted #ccc;

	padding:30px 0;

}

#feedback_form textarea {

	height:125px;

	width:1178px;

	padding:10px;

	border:1px solid #dbdbdb;

	display:block;

}

#feedback_form .btns {

	width:120px;

	height:40px;

	margin-right:10px;

	background:#cd9358;

	color:#fff;

	border:none;

	font-size:15px;

	margin-bottom:0;

	cursor:pointer;

}

#feedback_form .btns:hover {

	background:#333;

	transition:all 0.3s;

}

#feedback_form .reset {

	background:#ccc;

	cursor:pointer;

	margin-bottom:0;

}

#feedback_form .tableRow {

	width:100%;

	height:32px;

}

#feedback_form .tableRow input {

	width:150px;

	margin-right:10px;

	color:#999;

	float:left;

}

#feedback_form .tableRow .checkcode {

	width:50px;

	height:22px;

	margin-left:5px;

	border:1px solid #ccc;

	padding:4px 5px;

	display:block;

	float:left;

	background:#fff;

}

#feedback_form input:focus, #feedback_form textarea:focus {

	border-color:#cd9358;

}

.content_des {

	width:1180px;

	border:1px dotted #e5e5e5;

	text-indent:24px;

	padding:8px;

	margin:0 0 20px 0px;

	overflow:hidden;

}

.content_des p {

	font-size:13px;

	color:#868686;

	line-height:24px

}

.area {

	width:1190px;

	height:auto;

	overflow:hidden;

	margin-bottom:15px;

}

.area ul li {

	float:left;

	margin-right:28px

}

.area ul li a {

	font-size:14px;

	line-height:28px;

	color:#5a5a5a

}

.area ul li a:hover {

	color:#47cdff

}

.xgxw {

	width:1190px;

	height:auto;

	overflow:hidden;

	margin-bottom:15px;

}

.xgxw ul li {

	float:left;

	display:inline;

	width:48%;

	margin-right:2%;

	line-height:30px;

}

.xgxw ul li span {

	float:right;

	color:#5a5a5a

}

.linkbg {

	background:#121212;

	width:100%;

	height:auto;

	overflow:hidden;

	padding: 15px 0 0;

}

.link {

	width:1200px;

	height:auto;

	margin:0px auto 15px;

	overflow:hidden;

}

.link span {

	height:42px;

	color:#333;

	font-size:14px;

	border:1px solid #333;

	display:block;

	float:left;

	width:115px;

	text-align:center;

	line-height:42px;

	margin-left:0px

}

.link ul li {

	float:left;

	margin-left:28px;

	line-height:40px;

}


.listWrapper .pagination {
	width: 1200px;
	margin: 0 auto;
}
.listWrapper .pagination a.cur {
	background: #181818;
}
.listWrapper .pagination a:hover {
    color: #181818;
    background: white;
    border: 1px #181818 solid;
}


